<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form>
      <!-- 表单输入框 -->
      <input type="text" placeholder="请输入用户名" />
      <!-- 密码输入框 -->
      <input type="password" placeholder="请输入密码" />
      <!-- 登陆按钮 -->
      <input type="submit" placeholder="登录" />
      <!-- 重置按钮 -->
      <input type="reset" placeholder="重置" />
      <!-- 按钮 -->
      <input type="button" placeholder="按钮" />
      <!-- 单选框 -->
      <input type="checkbox" />
      <!-- 也是选的 -->
      <input type="radio" />
      <!-- 文件上传 -->
      <input type="file" />
      <!-- 图片 -->
      <input type="image" src="./image/yll_cos.jpg" alt="" />
      <!-- 颜色选择器 -->
      <input type="color" />
      <!-- 日期 -->
      <input type="date" />
      <!-- 日期+时间 -->
      <input type="datetime-local" />
      <!--  -->
      <input type="email" placeholder="请输入邮箱" />
      <!--  -->
      <input type="month" />
      <input type="number" placeholder="请输入数字" />
      <input type="range" placeholder="进度条" />
      <input type="search" placeholder="搜索" />
      <input type="tel" placeholder="电话号码" />
      <input type="time" placeholder="时间" />
      <input type="url" placeholder="网址" />
      <input type="week" placeholder="周" />
      <input type="hidden" value="隐藏" />
    </form>
  </body>
</html>
